'use client'

import { useDrag } from '@/contexts/DragContext'

export default function ChatPage() {
	const { handleMouseDown } = useDrag()

	return (
		<div className="flex h-full">
			{/* 聊天区域 */}
			<div className="flex-1 flex flex-col bg-gray-50">
				<div
					className="flex-1 flex items-center justify-center text-gray-500 cursor-grab active:cursor-grabbing select-none"
					onMouseDown={handleMouseDown}
				>
					请选择一个联系人开始聊天
				</div>
			</div>
		</div>
	)
}
